<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <p:layout fullPage="true">  
              
            <p:layoutUnit position="north" size="100"  resizable="true" closable="true" collapsible="true">  
                <h:outputText value="North unit content." />  
            </p:layoutUnit>  
  
            <p:layoutUnit position="west" size="200"   resizable="true" closable="true" collapsible="true">  
                <h:form>  
              
                    <p:growl id="messages" autoUpdate="true"/>  

                    <p:panelMenu style="width:200px">  
                        <p:submenu label="Ajax Menuitems">  
                            <p:menuitem value="Save"   />  
                            <p:menuitem value="Update"    />  
                        </p:submenu>  
                        <p:submenu label="Non-Ajax Menuitem">  
                            <p:menuitem value="Delete"     />  
                        </p:submenu>  
                        <p:separator />  
                        <p:submenu label="Navigations" >  
                            <p:submenu label="Links" icon="ui-icon-extlink">  
                                <p:submenu label="PrimeFaces" >  
                                    <p:menuitem value="Home"     />  
                                    <p:menuitem value="Docs"   />  
                                    <p:menuitem value="Download"     />  
                                    <p:menuitem value="Support"     />  
                                </p:submenu>  
                            </p:submenu>  
                            <p:menuitem value="Mobile"  icon="ui-icon-signal"/>  
                        </p:submenu>  
                    </p:panelMenu>  

                </h:form>  
            </p:layoutUnit>  

            <p:layoutUnit position="center">  
                <h:form>  
                    This fullPage layout consists of five different layoutUnits which are resizable and closable by default.  
               </h:form>  
            </p:layoutUnit>  
            
        </p:layout>   
    </h:body>
</html>

